<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>邀请好友</title>
        <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
        <meta content="yes" name="apple-mobile-web-app-capable"/>
        <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
        <meta content="telephone=no" name="format-detection"/>
        <link href="/yao/css/style.css" rel="stylesheet" type="text/css"/>
    </head>
    <body>
<style>
.tooltiptext {
    width: 50%;
    line-height: 30px;
    background-color: #A9A9A9;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    margin-left: 10%;
    top: 60%;

}
.tooltip{text-align: center}
</style>
        <section class="aui-flexView">
            <header class="aui-navBar aui-navBar-fixed">
                <a href="javascript:closewin()" class="aui-navBar-item">
                    <i class="icon icon-return"></i>
                </a>
                <div class="aui-center">
                    <span class="aui-center-title">邀请好友</span>
                </div>

            </header>
            <section class="aui-scrollView">
                <div class="aui-top-head">
                    <div class="aui-title-bg"></div>
                    <div class="aui-invite-box">
                        <div class="aui-invite-title">
                            <h1>每邀请1位好友</h1>
                            <h2>立得 <em>100</em> <i>元</i></h2>
                            <p>- 被邀请新用户商户认证以后 您既得现金 -</p>
                        </div>
                        <a href="/mobile/Index/yao">
                            <div class="aui-button">
                                <button>邀请好友得现金 多邀多得</button>
                            </div>
                        </a>
                    </div>
                    <div class="aui-flex">
                        <div class="aui-flex-box">
                            <h2>简单三步 立享权益</h2>
                        </div>
                    </div>
                    <div class="aui-invite-box aui-invite-box-clear">
                        <div class="aui-used-layout">
                            <a href="javascript:;" class="aui-grids-item">
                                <span class="aui-grids-item-img">1</span>
                                <span class="aui-grids-item-text">
                                    <p>分享活动</p>
                                    <p>给好友</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-grids-item">
                                <span class="aui-grids-item-img">2</span>
                                <span class="aui-grids-item-text">
                                    <p>好友接受</p>
                                    <p>邀请</p>
                                </span>
                            </a>
                            <a href="javascript:;" class="aui-grids-item">
                                <span class="aui-grids-item-img">3</span>
                                <span class="aui-grids-item-text">
                                    <p>好友登录</p>
                                    <p>完成商家认证</p>
                                </span>
                            </a>
                        </div>
                    </div>
<!--                    <div class="aui-invite-box aui-invite-box-clear">-->
<!--                        <div class="aui-flex" style="padding:0">-->
<!--                            <div class="aui-flex-box">-->
<!--                                <h4>每日分享至朋友圈</h4>-->
<!--                                <h5>即得钢镚</h5>-->
<!--                                <div class="aui-button-sml">-->
<!--                                    <button>点击分享</button>-->
<!--                                </div>-->
<!--                            </div>-->
<!--                            <div class="aui-gift">-->
<!--                                <img src="/yao/images/icon-gift.png" alt="">-->
<!--                            </div>-->
<!--                        </div>-->
<!--                    </div>-->
                    <div class="aui-footer-bg"></div>
                </div>
                <div class="aui-flex">
                    <div class="aui-flex-box">
                        <h6>我的邀请战绩</h6>
                    </div>
                </div>
                <div class="aui-palace">
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <span id='haoyou_count'>0</span>
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>共邀请好友</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <span id="paiming"></span>
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>战绩排名</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <span style="color:#f97a11" id="total_money"></span>
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>获得奖励(元)</h2>
                        </div>
                    </a>
                </div>
                <div class="aui-button-btn">
                    <a href="/mobile/Index/detail"><button>查看详情</button></a>
                </div>
                <div class="divHeight"></div>
                <div class="aui-flex">
                    <div class="aui-flex-box">
                        <h6>奖励排行榜</h6>
                    </div>
                </div>
                <div class="aui-flex">
                    <div class="aui-flex-box">
                        <span>奖励排名</span>
                    </div>
                    <div class="aui-flex-box" style="text-align:right">
                        <span>奖金排名</span>
                    </div>
                </div>
                <!--<div class="aui-invite-list">-->
                <!--    <a href="javascript:;" class="aui-flex">-->
                <!--        <div class="aui-user-img">-->
                <!--            <img src="/yao/images/user-002.png" alt="">-->
                <!--        </div>-->
                <!--        <div class="aui-flex-box">-->
                <!--            <h4>排名:第99+</h4>-->
                <!--            <h5>我</h5>-->
                <!--        </div>-->
                <!--        <div class="aui-arrow">-->
                <!--            <p>0.00</p>-->
                <!--        </div>-->
                <!--    </a>-->
                <!--</div>-->
                <div class="divHeight"></div>
                <div class="aui-invite-list">
                    <!--<a href="javascript:;" class="aui-flex">-->
                    <!--    <div class="aui-user-img">-->
                    <!--        <img src="/yao/images/user-001.png" alt="">-->
                    <!--        <span class="aui-vip1"></span>-->
                    <!--    </div>-->
                    <!--    <div class="aui-flex-box">-->
                    <!--        <h4 class="aui-no1">No.1</h4>-->
                    <!--        <h5>金融小管家</h5>-->
                    <!--    </div>-->
                    <!--    <div class="aui-arrow">-->
                    <!--        <p>190.00</p>-->
                    <!--    </div>-->
                    <!--</a>-->
                    <!--<a href="javascript:;" class="aui-flex">-->
                    <!--    <div class="aui-user-img">-->
                    <!--        <img src="/yao/images/user-001.png" alt="">-->
                    <!--        <span class="aui-vip2"></span>-->
                    <!--    </div>-->
                    <!--    <div class="aui-flex-box">-->
                    <!--        <h4 class="aui-no2">No.2</h4>-->
                    <!--        <h5>李晓明同学</h5>-->
                    <!--    </div>-->
                    <!--    <div class="aui-arrow">-->
                    <!--        <p>100.00</p>-->
                    <!--    </div>-->
                    <!--</a>-->
                    <!--<a href="javascript:;" class="aui-flex">-->
                    <!--    <div class="aui-user-img">-->
                    <!--        <img src="/yao/images/user-001.png" alt="">-->
                    <!--        <span class="aui-vip3"></span>-->
                    <!--    </div>-->
                    <!--    <div class="aui-flex-box">-->
                    <!--        <h4 class="aui-no3">No.3</h4>-->
                    <!--        <h5>文航</h5>-->
                    <!--    </div>-->
                    <!--    <div class="aui-arrow">-->
                    <!--        <p>90.00</p>-->
                    <!--    </div>-->
                    <!--</a>-->
                    <!--<a href="javascript:;" class="aui-flex">-->
                    <!--    <div class="aui-user-img">-->
                    <!--        <img src="/yao/images/user-001.png" alt="">-->
                    <!--    </div>-->
                    <!--    <div class="aui-flex-box">-->
                    <!--        <h4>No.4</h4>-->
                    <!--        <h5>JD_3nfj48</h5>-->
                    <!--    </div>-->
                    <!--    <div class="aui-arrow">-->
                    <!--        <p>50.00</p>-->
                    <!--    </div>-->
                    <!--</a>-->
                    <!--<a href="javascript:;" class="aui-flex">-->
                    <!--    <div class="aui-user-img">-->
                    <!--        <img src="/yao/images/user-001.png" alt="">-->
                    <!--    </div>-->
                    <!--    <div class="aui-flex-box">-->
                    <!--        <h4>No.5</h4>-->
                    <!--        <h5>Jd-984jkhs</h5>-->
                    <!--    </div>-->
                    <!--    <div class="aui-arrow">-->
                    <!--        <p>50.00</p>-->
                    <!--    </div>-->
                    <!--</a>-->
                </div>
            </section>
        </section>
       <uni-view class="tooltip">
                        <div class="tooltiptext" style="display: none"></div>
                    </uni-view>
        <script src='/static/js/jquery.min.js'></script>
       <script type="text/javascript">
       var time = document.getElementsByClassName("tooltiptext")[0];
            function closewin(){
                console.log(11);
                AndroidJs.close();
            }
            function fun() {
                clearInterval(inter);
                $(".tooltiptext").hide();
                $(".tooltiptext").text("")
        
            }
    
             $.post('/mobile/Index/myinfo', {

            }, function (res) {
                
                var  data = res.data;
                $("#total_money").text(data.total_money);
                $("#haoyou_count").text(data.haoyou_count);
                $("#paiming").text(data.paiming);
                
                var list = data.ph;
                console.log(list);
                list.forEach(function(a,c){
                    var index = c+1;
                    var nickname = a.nickname;
                    var img = a.img;
                    var yeji = a.yeji;
                    var vip = "";
                    if(c<3){
                        vip = "aui-vip"+index;
                    }
                    var html ="<a href='javascript:;' class='aui-flex'><div class='aui-user-img'><img src='"+img+"'><span class='"+vip+"'></span></div><div class='aui-flex-box'><h4 class='aui-no1'>No."+index+"</h4><h5>"+nickname+"</h5></div><div class='aui-arrow'><p>"+yeji+"</p></div></a>";
                    $(".aui-invite-list").append(html);
                })
            }, 'json');
        </script>
    </body>
</html>

